@media all
{
     html{font-size:16px;}
}
@media all and (min-width:140px) and (min-height:220px)
{
     html{font-size:9px;}
}
@media all and (min-width: 220px) and  (min-height: 140px)
{
     html {font-size: 9px;}
}
@media all and (min-width:210px) and (min-height:280px),(min-width:280px) and (min-height:210px),(min-width:280px) and (min-height:280px)
{
     html{font-size:14px;}
}
@media all and (min-width:300px) and (min-height:460px),(min-width:460px) and (min-height:300px)
{
     html{font-size:16px;}
}
@media all and (min-width:340px) and (min-height:620px),(min-width:620px) and (min-height:340px)
{
     html{font-size:20px;}
}
@media all and (min-width:420px) and (min-height:760px) and (max-height:900px),
                  (min-width:760px) and (max-width:900px) and (min-height:420px)
{
     html{font-size:24px;}
}
@media all and (min-width:1000px) and (min-height:740px),(min-width:740px) and (min-height:1000px)
{
     html{font-size:20px;}
}
@media all and (min-width:1200px) and (min-height:600px),(min-width:600px) and (min-height:1200px)
{
     html{font-size:16px;}
}
@media all and (device-width:1024px) ,(device-width:768px)
{
     html{font-size:20px;}
}
@media all and (device-width:960px) and (device-height:640px),(device-width:640px) and (device-height:960px)
{
     html{font-size:32px;}
}
@media all and (device-width:480px) and (min-device-height:800px) and (max-device-height:900px),
                  (min-device-width:800px) and (max-device-width:900px) and (device-height:480px)
{
     html{font-size:24px;}
}
@media all and (device-width:360px) and (device-height:640px),(device-width:640px) and (device-height:360px)
{
     html{font-size:20px;}
}
@media all and (device-width:320px) and (device-height:480px),(device-width:480px) and (device-height:320px)
{
     html{font-size:16px;}
}
@media all and (device-width:240px) and (device-height:320px),(device-width:320px) and (device-height:240px),(device-width:320px) and (device-height:320px)
{
     html{font-size:14px;}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
a:active{opacity: .8;text-decoration: none;}
a:link,header a:visited{opacity: 1;text-decoration: none;color: #333}
a:hover{opacity: .8;text-decoration: none;}
html,body{-webkit-touch-callout: none;}
.fn_clear{zoom:1;display:block;clear:both;}
.fn_clear:after{clear:both;display:block;overflow:hidden;visibility:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";}
/*base*/
html,body{position:relative;height: 100%;background:#623027 url(../images/bg.jpg) bottom no-repeat;background-size: 100% 100%;}
.content{position: absolute;width: 100%;height: 22.5em;top: 50%;margin-top: -12.5em;font-size: 1em;/*background: url(../images/mailer.png) no-repeat;background-size:100% auto;*/}
.content .visno{position: absolute;width: 17em;margin-left: 0.9em;top:8.5em;font-size: 0.88em;color: #666;line-height: 1.4em;text-indent: 1em}
.content .mailer{position: absolute;height: 18.5em;z-index: 0;}
.content .apps{position: absolute;width: 16.71em;height: 4.07em;top:12em;/*top:48%;*//*margin-top:55%;*/margin-left: 0.79em;background-image: -webkit-linear-gradient( -90deg, rgb(227,227,227) 0%, rgb(226,226,226) 50%, rgb(227,227,227) 100%);border-radius:0.86em 0.36em 0.36em 0.86em;font-size: 0.88em;}
.content .apps::after{content: ' ';position: absolute;width: 0.59em;height: 1em;top:50%;right: 0.5em;margin-top: -0.5em;font-size: 1.81em;background:url(../images/right2.png) no-repeat;background-size: 100% ;}
.content .apps img{height: 4.07em;width: 4.07em;margin-right: 0.71em;}
.content .apps .appnane{position: absolute;top:0.71em;color: #000}
.content .apps .appcallout{position: absolute;bottom: 0.71em;color: #999;}
.content .from{position: absolute;top: 17.5em;left: 11em;font-size: 0.88em;color: #666}
.content .title{position: absolute;top:19em;height: 4.13em;width: 100%;background:url(../images/title.png) 2.5em 0 no-repeat;background-size: auto 1em  ;}
.content .title p{overflow: hidden;height: 1.44em;text-indent: -999em}
.content .title .download{overflow: hidden;position: absolute;width: 5.63em;height: 1.88em;background: url(../images/download.png) no-repeat;background-size: 100%;border-radius: 0.9em;text-indent: -999em;left:11.44em;}
footer{display:block;position: absolute;bottom:-4.8em;color: #fff;text-align: center;font-size: 0.44em;line-height: 2em;width: 100%;font-family: Tahoma;opacity: 0.5;/*position: absolute;bottom:-5em;*/}
@media all and (orientation:landscape)
{
    .content{margin-top: -10em;}
   /* footer{display:block;position: absolute;bottom:-1.5em;color: #fff;text-align: center;font-size: 0.63em;line-height: 1.8em;width: 100%;font-family: Tahoma;opacity: 0.5;}*/
}
/*guess app*/
.content2{top: 0;margin-top:0;height: auto;}
.content2 footer{bottom:-6em;}
.content .title2{position: relative;top:0;background:url(../images/title2.png) center 0 no-repeat;background-size: auto 4em ;}
.content .title2 p{overflow: hidden;height: 2.3em;text-indent: -999em}
.content .title2 .download{height: 1.8em;left:50%;margin-left: 3em;}
@media all and (orientation:landscape)
{
   .content2 footer{bottom:-18em;}
}

.guesstit{width: 85%;margin:1.5em auto 0.88em;color: #fff;font-size: 1.2em;line-height: 1em;text-shadow:0 1px 1px #666;}
.guess{width: 85%;margin:0 auto 1em;border: 3px solid #fff;background-color: #edece8;box-sizing:border-box;box-shadow:0 1px 1px #666;}
.guess h1{width: 92%;padding:0.8em 0 ;margin: 0.42em auto 0.5em;border: 2px solid #fff;font-size: 0.8em;line-height: 2em;text-align: center;color:#252d30;background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(191,238,248)), color-stop(0, rgb(191,238,248)), color-stop(0.08, rgb(191,238,248)), color-stop(0.09, rgb(184,230,240)), color-stop(0.16, rgb(176,222,232)), color-stop(0.16, rgb(186,233,242)), color-stop(0.24, rgb(196,243,251)), color-stop(0.24, rgb(186,233,242)), color-stop(0.32, rgb(176,222,232)), color-stop(0.32, rgb(186,233,242)), color-stop(0.4, rgb(196,243,251)), color-stop(0.4, rgb(186,233,242)), color-stop(0.48, rgb(176,222,232)), color-stop(0.48, rgb(186,233,242)), color-stop(0.56, rgb(196,243,251)), color-stop(0.56, rgb(186,233,242)), color-stop(0.64, rgb(176,222,232)), color-stop(0.64, rgb(186,233,242)), color-stop(0.72, rgb(196,243,251)), color-stop(0.72, rgb(186,233,242)), color-stop(0.8, rgb(176,222,232)), color-stop(0.8, rgb(186,233,242)), color-stop(0.88, rgb(196,243,251)), color-stop(0.88, rgb(186,233,242)), color-stop(0.96, rgb(176,222,232)), color-stop(0.96, rgb(186,233,242)), to(rgb(196,243,251)));w96%background-image: -webkit-linear-gradient(rgb(191,238,248) 0%, rgb(191,238,248) 0%, rgb(191,238,248) 8%, rgb(184,230,240) 9%, rgb(176,222,232) 16%, rgb(186,233,242) 16%, rgb(196,243,251) 24%, rgb(186,233,242) 24%, rgb(176,222,232) 32%, rgb(186,233,242) 32%, rgb(196,243,251) 40%, rgb(186,233,242) 40%, rgb(176,222,232) 48%, rgb(186,233,242) 48%, rgb(196,243,251) 56%, rgb(186,233,242) 56%, rgb(176,222,232) 64%, rgb(186,233,242) 64%, rgb(196,243,251) 72%, rgb(186,233,242) 72%, rgb(176,222,232) 80%, rgb(186,233,242) 80%, rgb(196,243,251) 88%, rgb(186,233,242) 88%, rgb(176,222,232) 96%, rgb(186,233,242) 96%, rgb(196,243,251) 100%);w96%background-image: -moz-linear-gradient(rgb(191,238,248) 0%, rgb(191,238,248) 0%, rgb(191,238,248) 8%, rgb(184,230,240) 9%, rgb(176,222,232) 16%, rgb(186,233,242) 16%, rgb(196,243,251) 24%, rgb(186,233,242) 24%, rgb(176,222,232) 32%, rgb(186,233,242) 32%, rgb(196,243,251) 40%, rgb(186,233,242) 40%, rgb(176,222,232) 48%, rgb(186,233,242) 48%, rgb(196,243,251) 56%, rgb(186,233,242) 56%, rgb(176,222,232) 64%, rgb(186,233,242) 64%, rgb(196,243,251) 72%, rgb(186,233,242) 72%, rgb(176,222,232) 80%, rgb(186,233,242) 80%, rgb(196,243,251) 88%, rgb(186,233,242) 88%, rgb(176,222,232) 96%, rgb(186,233,242) 96%, rgb(196,243,251) 100%);w96%background-image: -o-linear-gradient(rgb(191,238,248) 0%, rgb(191,238,248) 0%, rgb(191,238,248) 8%, rgb(184,230,240) 9%, rgb(176,222,232) 16%, rgb(186,233,242) 16%, rgb(196,243,251) 24%, rgb(186,233,242) 24%, rgb(176,222,232) 32%, rgb(186,233,242) 32%, rgb(196,243,251) 40%, rgb(186,233,242) 40%, rgb(176,222,232) 48%, rgb(186,233,242) 48%, rgb(196,243,251) 56%, rgb(186,233,242) 56%, rgb(176,222,232) 64%, rgb(186,233,242) 64%, rgb(196,243,251) 72%, rgb(186,233,242) 72%, rgb(176,222,232) 80%, rgb(186,233,242) 80%, rgb(196,243,251) 88%, rgb(186,233,242) 88%, rgb(176,222,232) 96%, rgb(186,233,242) 96%, rgb(196,243,251) 100%);w96%background-image: linear-gradient(rgb(191,238,248) 0%, rgb(191,238,248) 0%, rgb(191,238,248) 8%, rgb(184,230,240) 9%, rgb(176,222,232) 16%, rgb(186,233,242) 16%, rgb(196,243,251) 24%, rgb(186,233,242) 24%, rgb(176,222,232) 32%, rgb(186,233,242) 32%, rgb(196,243,251) 40%, rgb(186,233,242) 40%, rgb(176,222,232) 48%, rgb(186,233,242) 48%, rgb(196,243,251) 56%, rgb(186,233,242) 56%, rgb(176,222,232) 64%, rgb(186,233,242) 64%, rgb(196,243,251) 72%, rgb(186,233,242) 72%, rgb(176,222,232) 80%, rgb(186,233,242) 80%, rgb(196,243,251) 88%, rgb(186,233,242) 88%, rgb(176,222,232) 96%, rgb(186,233,242) 96%, rgb(196,243,251) 100%);text-shadow:0px 0px 1px #d0ecec;box-shadow: 0 2px 4px #ddd;box-sizing:border-box;}
.apps_box{width: 92%;border:2px solid #fff;margin:0 auto 0.5em;box-sizing:border-box;}
.apps_box a{float: left;width: 20%;font-size: 0;line-height: 0;border: 1px solid transparent;box-sizing:border-box;}
/*.apps_box a:nth-child(5){border: 2px solid transparent;border-right: 0;}*/
.apps_box a img{width: 100%;}










